
page{background-color:#f2f2f2 !important;}
.bargain-list{
	padding-bottom: 10rpx;
}
.goods-list {
		// width: 686rpx;
		display: flex;
		flex-wrap: wrap;
		padding: 0 4%;
		padding-bottom: 20rpx;
		.list {
			width: 330rpx;
			margin: 20rpx 6rpx;
			box-shadow: 10rpx 10rpx 10rpx -5rpx #ccc;
			.title-tag{
				.tag{
					text-overflow: -o-ellipsis-lastline;
					overflow: hidden;				//溢出内容隐藏
					text-overflow: ellipsis;		//文本溢出部分用省略号表示
					display: -webkit-box;			//特别显示模式
					-webkit-line-clamp: 2;			//行数
					line-clamp: 2;					
					-webkit-box-orient: vertical;	//盒子中内容竖直排列
				}
			}
			.thumb {
				width: 100%;
				image {
					width: 330rpx;
					height: 500rpx;
				}
			}
			.price-info{
				.price-info{
					color: #FF4857;
				}
				.cost{
					color: #999;
					font-size: 24rpx;
					text-decoration: line-through;
					
				}
				.cost_price{
					color: #888888;
					font-size: 24rpx;
					text-decoration:line-through;
				}
			}
			.title {
				display: flex;
				width: 100%;
				padding: 10rpx 0;
				text {
					color: #212121;
					font-size: 26rpx;
				}
			}
			.price {
				padding: 10rpx 0;
				.sales-volume {
					font-size: 24rpx;
					color: #c0c0c0;
					margin-top: 5rpx;
				}
				.retail-price {
					width: 100%;
					display: flex;
					align-items: center;
					.min {
						display: inline-block;
						font-size: 24rpx;
						color: $price-clor;
						transform: scale(0.8);
					}
					
					.max {
						font-size: 26rpx;
						color: $price-clor;
						font-weight: bold;
					}
				}
				.vip-price {
					display: flex;
					align-items: center;
					.min {
						display: inline-block;
						font-size: 24rpx;
						color: #212121;
					}
					
					.max {
						font-size: 24rpx;
						color: #212121;
						font-weight: bold;
						margin-right: 10rpx;
					}
				}
			}
		}
		.list:nth-child(3n) {
			margin-right: 0;
		}
	}
.bargain-list .icon-xiangzuo{font-size:40rpx;color:#fff;position:fixed;left:30rpx;z-index:99;transform:translateY(-20%);}
.bargain-list .header{background-repeat:no-repeat;background-size:100% 100%;width:750rpx;height:300rpx;}
.bargain-list .list{position: relative; background-color:#fff;
border:6rpx solid #fc8b42;margin:10rpx 30rpx 30rpx 30rpx;
border-radius:16rpx;padding:24rpx;}
.bargain-list .list .item{border-bottom:1rpx solid #eee;position:relative;height:223rpx;display: flex;}
.bargain-list .list .item .pictrue{width:160rpx;height:160rpx;}
.bargain-list .list .item .pictrue image{width:100%;height:100%;border-radius:6rpx;}
.bargain-list .list .item .text{width:430rpx;font-size:30rpx;color:#282828;height:160rpx;margin-left: 20rpx;}
.bargain-list .list .item .text .num{font-size:26rpx;color:#999;}
.bargain-list .list .item .text .num .iconfont{font-size:35rpx;margin-right:7rpx;}
.bargain-list .list .item .text .money{font-size:24rpx;font-weight:bold;}
.bargain-list .list .item .text .money .price{font-size:32rpx;}
.bargain-list .list .item .text .line1{width:450rpx;   
text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	// display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 2;			//行数
	line-clamp: 2;					
	-webkit-box-orient: vertical;	//盒子中内容竖直排列

}
.bargain-list .list .item .cutBnt{ 
	position:absolute;
width:180rpx;height:50rpx;color: #fff;border-radius:50rpx;font-size:24rpx;text-align:center;line-height:46rpx;right:10rpx;bottom:0rpx;box-shadow:0 7rpx 0 #f8c1bd;}
.bargain-list .list .item .cutBnt .iconfont{margin-right:8rpx;font-size:30rpx;}
.bargain-list .list .load{font-size:24rpx;height:85rpx;text-align:center;line-height:85rpx;}

.bargain-list .header img{
	display: block;
	width: 100%;
	height: 300rpx;
}
.bargain-list .list {
	.sale_count{
		position: relative;
		background-color: #1d86b666;
		color: #fff;
		bottom: 0;
		font-size: 24rpx;
		text-align: center;
	}
	.price-item{
		display: flex;
		position: absolute;
		bottom: 10rpx;
		width: 430rpx;
	}
	font{
		font-size: 24rpx;
	}
	.price{
		font-size: 32rpx;
	}
	.cost_price{
		color: #888888;
		font-size: 24rpx;
		text-decoration:line-through;
	}

}

// 推荐
.ret{
	width:686rpx;
	margin: 20rpx auto;
	border-radius: 16rpx;
	// position: relative;
	.ret-nav-bg{
		position: relative;
		top: 0;
	}
	.ret-nav{
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 100rpx;
		align-items: center;
		// padding: 0 20rpx;
		// background-image: linear-gradient(90deg, #FE5545 0%, #FF6451 20%, #FF715C 40%, #FF7E68 60%, #FF8A74 80%, #FF9681 100%);
		
	}
	.ret-list{
		position: relative;
		top:-10rpx;
		border-radius: 16rpx;
		width: 100%;
		padding: 20rpx;
		// height: 440rpx;
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		text-align: center;
		height: 400rpx;
		.ret-product{
			width: 200rpx;
			// height: 200rpx;
			// border: 1px solid;
			.img{
				width: 200rpx;
				height: 200rpx;
				ransform: translate(50%,50%);
			}
			.title{
				padding: 8rpx 0;
				color: #0000004d;
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;				//溢出内容隐藏
				text-overflow: ellipsis;		//文本溢出部分用省略号表示
				display: -webkit-box;			//特别显示模式
				-webkit-line-clamp: 2;			//行数
				line-clamp: 2;					
				-webkit-box-orient: vertical;	//盒子中内容竖直排列
			}
			.price{
				color: #FF4857;
				font-family: PingFangSC-Medium;
				font-weight: 500;
			}
			.cost{
				color: #999;
				font-size: 24rpx;
				text-decoration: line-through;
				
			}
		}
	}
}
.banner{
		// padding: 0 25rpx;
		height: 300rpx; 
		margin-bottom: 30rpx;
		// margin: -200rpx auto 20rpx;
		border-radius: 10rpx;
		overflow: hidden;
		.screen-swiper{
			height: 100%;
			min-height: 100% !important;
			image{
				height: 300rpx;
				border-radius: 10rpx;
			}
		}
	}



.bargain .mask{z-index:100;}
.acea-row{display:flex;flex-wrap:wrap;}
.acea-row .row-top{align-items:flex-start;}
.acea-row .row-middle{align-items:center;}
.acea-row .row-bottom{align-items:flex-end;}
.acea-row .row-left{justify-content:flex-start;}
.acea-row .row-center{justify-content:center;}
.acea-row .row-right{justify-content:flex-end;}
.acea-row .row-between{justify-content:space-between;}
.acea-row .row-around{justify-content:space-around;}
// .acea-row .row-column{flex-direction:column;}
.acea-row .row-column-between{flex-direction:column;justify-content:space-between;}
.acea-row .row-column-around{ //flex-direction:column;
justify-content:space-around;}
.acea-row  .row-center-wrapper{align-items:center;justify-content:center;}
.acea-row  .row-between-wrapper{align-items:center;justify-content:space-between;}
.font-color{color:#fc4141!important;}
.bg-color{background-color:#e93323!important;}
.icon-color{color:#ff3c2b;}
.cart-color{color:#ff3700!important;border:1px solid #ff3700!important;}